<template>
    <div class="common-layout">
      <el-container class="lay-container">
            <common-aside />
          
            <el-container>
                <el-header>
                    <common-header />
                </el-header>

                <el-main class="right-main">
                    <router-view />
                </el-main>
            </el-container>
          
      </el-container>
        
    </div>
  </template>

<script setup>
//这三个组件后面定义，我们统一暴露出来
import {CommonAside,CommonHeader} from "@/components"

</script>

<style lang="less" scoped>
.common-layout,.lay-container {
  height: 100%;
}
.el-header{
  background-color: #333;
}

</style>